<!DOCTYPE html>
<html lang="en">

<head>
    <title>Linux Dashboard</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="author" content="Chandler Lucius">
    <meta name="description" content="Linux Dashboard">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="theme-color" content="#ffffff">

    <link rel="shortcut icon" type="image/png" href="/images/favicon.png">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    <link rel="stylesheet" href="/css/main.min.css">

    <script type="text/javascript" src="https://www.localeplanet.com/api/translate.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.7.0/echarts-en.common.min.js">
    </script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js">
    </script>
    <script type="text/javascript" src="/js/main.min.js"></script>
</head>

<body class="black">

    <header>

        <div class="navbar-fixed">
            <nav class="nav-extended teal accent-4" aria-label="Menu">
                <div class="nav-content">
                    <ul id="tab-title-list" class="tabs tabs-transparent">
                        <li>
                            <a class="waves-effect waves-light btn modal-trigger teal accent-4" href="#menu">
                                <em class="material-icons" onkeypress="">menu</em>
                            </a>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>

    </header>

    <main>

    </main>

    <div class="progress">
        <div class="indeterminate"></div>
    </div>

    <template id="tab-title-template">
        <li class="tab">
            <a></a>
        </li>
    </template>

    <template id="tab-container-template">
        <div class="row"></div>
    </template>

    <template id="tab-content-template">
        <div class="col s12 m6 l4">
            <div class="card small grey darken-4">
                <div class="card-content">
                    <span class="card-title white-text"></span>
                    <div class="card-chart" style="display: none;"></div>
                    <nav class="card-search teal accent-4" style="display: none;" aria-label="Search">
                        <div class="nav-wrapper">
                            <form>
                                <div class="input-field">
                                    <input id="search" name="search" class="search" type="search" placeholder="Search">
                                    <label for="search" class="label-icon">
                                        <i class="material-icons" onkeypress="" aria-hidden="true">search</i>
                                    </label>
                                    <i class="material-icons clear-search" aria-hidden="true">close</i>
                                </div>
                            </form>
                        </div>
                    </nav>
                    <div class="card-detail">
                    </div>
                </div>
            </div>
        </div>
    </template>

    <template id="tab-detail-table-template">
        <table class="teal-text text-accent-4">
            <caption class="hidden"></caption>
            <thead class="hidden">
                <tr>
                    <th scope="col"></th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </template>

    <template id="tab-detail-template">
        <tr>
            <td>
                <strong></strong>
            </td>
            <td>
                <span></span>
            </td>
        </tr>
    </template>

</body>

</html>